﻿<!DOCTYPE html>
<html>

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Responsive Bootstrap 4 Admin &amp; Dashboard Template">
    <meta name="author" content="Bdtask">
    <title>Bhulua - Bootstrap 4 Admin Template Deshboard</title>
    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/dist/img/favicon.png">
    <!--Global Styles(used by all pages)-->
    <link href="bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/plugins/metisMenu/metisMenu.min.css" rel="stylesheet">
    <link href="assets/plugins/fontawesome/css/all.min.css" rel="stylesheet">
    <link href="assets/plugins/typicons/src/typicons.min.css" rel="stylesheet">
    <link href="assets/plugins/themify-icons/themify-icons.min.css" rel="stylesheet">
    <!--Third party Styles(used by this page)-->
    <link href="assets/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet">
    <link href="assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet">
    <link href="assets/plugins/select2-bootstrap4/dist/select2-bootstrap4.min.css" rel="stylesheet">
    <link href="assets/plugins/modals/component.css" rel="stylesheet">
    <!--Start Your Custom Style Now-->
    <link href="assets/dist/css/select.css" rel="stylesheet" type="text/css" />
    <link href="assets/plugins/dropzone/dist/min/dropzone.min.css" rel="stylesheet">
    <link href="assets/plugins/bootstrap-social/bootstrap-social.css" rel="stylesheet">
    <link href="css/mybutton.css" rel="stylesheet">
    <!-- <link href="assets/plugins/icheck/skins/all.css" rel="stylesheet"> -->
    <link href="assets/dist/css/style.css" rel="stylesheet">
    <script src="angular.js/angular.min.js"></script>
    <script src="angular.js/angular-cookies.min.js"></script>
    <script src="angular.js/angular-route.min.js"></script>

    
    <!--Third party Styles(used by this page)-->
    <!-- <link href="assets/plugins/jquery.sumoselect/sumoselect.min.css" rel="stylesheet">-->

</head>

<body ng-app='routingDemoApp'>

    <!-- Page Loader -->
    <div class="page-loader-wrapper">
        <div class="loader">
            <div class="preloader">
                <div class="spinner-layer pl-green">
                    <div class="circle-clipper left">
                        <div class="circle"></div>
                    </div>
                    <div class="circle-clipper right">
                        <div class="circle"></div>
                    </div>
                </div>
            </div>
            <p>Please wait...</p>
        </div>
    </div>
    <!-- #END# Page Loader -->
    <div class="wrapper">
        <!-- Sidebar  -->
        <nav class="sidebar sidebar-bunker">
            <div class="sidebar-header">
                <!--<a href="index.html" class="logo"><span>bd</span>task</a>-->
                <a href="index.html" class="logo"><img src="static/img/logo.png" alt=""></a>
            </div>
            <!--/.sidebar header-->
            <div class="profile-element d-flex align-items-center flex-shrink-0">
                <!-- <div class="avatar online">
                    <img src="assets/dist/img/avatar-1.jpg" class="img-fluid rounded-circle" alt="">
                </div> -->
                <div class="profile-text">
                    <h6 class="m-0">登录用户：{{user}}</h6>
                    <!-- <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__"
                            data-cfemail="1c79647d716c70795c7b717d7570327f7371">[email&#160;protected]</a></span> -->
                </div>
            </div>
            <!--/.profile element-->
            <!-- <form class="search sidebar-form" action="#" method="get">
                <div class="search__inner">
                    <input type="text" class="search__text" placeholder="Search...">
                    <i class="typcn typcn-zoom-outline search__helper" data-sa-action="search-close"></i>
                </div>
            </form> -->
            <!--/.search-->
            <div class="sidebar-body" >
                <nav class="sidebar-nav">
                    <ul class="metismenu">
                        <li class="nav-label"></li>
                        <li class="nav-label">监视</li>
                        <li ng-class="menuTitle=='server_watcher' ? 'mm-active' : ''">
                            <a href="#!/server_watcher">
                                <i class="typcn typcn-home-outline mr-2"></i>
                                服务运行监视
                            </a>
                        </li>
                        <li ng-class="menuTitle=='gateway_watcher' ? 'mm-active' : ''">
                            <a href="#!/gateway_watcher">
                                <i class="typcn typcn-device-tablet mr-2"></i>
                                设备连接监视
                            </a>
                        </li>
                        <li class="nav-label"></li>
                        <li class="nav-label">配置</li>
                        <li ng-class="menuTitle=='server_config' ? 'mm-active' : ''">
                            <a href="#!/server_config">
                                <i class="typcn typcn-puzzle-outline mr-2"></i>
                                转发服务配置
                            </a>
                        </li>
                        <!-- <li>
                            <a href="#!/geteway_config">
                                <i class="typcn typcn-home-outline mr-2"></i>
                                网关连接配置
                            </a>
                        </li>
                        <li class="nav-label"></li> -->
                        <li class="nav-label">日志记录</li>
                        <li ng-class="menuTitle=='server_log' ? 'mm-active' : ''">
                            <a href="#!/server_log">
                                <i class="typcn typcn-clipboard mr-2"></i>
                                服务运营日志
                            </a>
                        </li>
                        <li class="nav-label" ng-show="user=='Administrator'">用户管理</li>
                        <li ng-class="menuTitle=='user_manager' ? 'mm-active' : ''" ng-show="user=='Administrator'">
                            <a href="#!/user_manager">
                                <i class="typcn typcn-clipboard mr-2"></i>
                                用户管理
                            </a>
                        </li>
                        <li class="nav-label" ng-show="user=='Administrator'">数据库清理</li>
                        <li ng-class="menuTitle=='db_clean' ? 'mm-active' : ''" ng-show="user=='Administrator'">
                            <a href="#!/db_clean">
                                <i class="typcn typcn-clipboard mr-2"></i>
                                数据库清理
                            </a>
                        </li>
                        <!-- <li>
                            <a href="#!/software_version">
                                <i class="typcn typcn-home-outline mr-2"></i>
                                软件版本信息
                            </a>
                        </li>
                        <li>
                            <a href="charts_flot.html">
                                <i class="typcn typcn-home-outline mr-2"></i>
                                临时
                            </a>
                        </li> -->
                        <li class="nav-label"></li>
                        <li class="nav-label"></li>
                        <li class="nav-label"></li>
                        <li class="nav-label"></li>
                        <li class="nav-label"></li>
                        <li class="nav-label"></li>
                        <li class="nav-label"></li>
                        <li class="nav-label"></li>
                        <li class="nav-label"></li>
                        <li class="nav-label"></li>
                        <li class="nav-label"></li>
                    </ul>
                </nav>
            </div><!-- sidebar-body -->
        </nav>
        <!-- Page Content  -->
        <div class="content-wrapper">
            <div class="main-content">
                <nav class="navbar-custom-menu navbar navbar-expand-lg m-0">
                    <div class="sidebar-toggle-icon" id="sidebarCollapse">
                        sidebar toggle<span></span>
                    </div>
                    <!--/.sidebar toggle icon-->
                    <div class="d-flex flex-grow-1">
                        <ul class="navbar-nav flex-row align-items-center ml-auto">
                        </ul>
                        <!--/.navbar nav-->
                        <div class="nav-clock">
                            <div class="time">
                                <span class="time-hours"></span>
                                <span class="time-min"></span>
                                <span class="time-sec"></span>
                            </div>
                        </div><!-- nav-clock -->
                    </div>
                </nav>
                <!--/.navbar-->
                <!--Content Header (Page header)-->
                <div class="content-header row align-items-center m-0">
                    <!-- <nav aria-label="breadcrumb" class="col-sm-4 order-sm-last mb-3 mb-sm-0 p-0 ">
                        <ol class="breadcrumb d-inline-flex font-weight-600 fs-13 bg-white mb-0 float-sm-right">
                            <li class="breadcrumb-item"><a href="#">Home</a></li>
                            <li class="breadcrumb-item active">Dashboard</li>
                        </ol>
                    </nav> -->
                    <div class="col-sm-8 header-title p-0">
                        <div class="media">
                            <div class="header-icon text-success mr-3"><i class="typcn typcn-spiral"></i></div>
                            <div class="media-body">
                                <h1 class="font-weight-bold">网关服务系统</h1>
                                <small>欢迎使用</small>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/.Content Header (Page header)-->
                <div ng-view id="div_content" class="body-content">
                </div>
                <!--/.body content-->
            </div>
            <!--/.main content-->
            <footer class="footer-content">
                <div class="footer-text d-flex align-items-center justify-content-between">
                    <div class="copy">© 2019 亿联云网关服务系统</div>
                    <div class="credit">Designed by: Lossage</div> 
                    <!-- <div class="credit">Designed by: <a href="http://www.bootstrapmb.com/">Bdtask</a></div> -->
                </div>
            </footer>
            <!--/.footer content-->
            <div class="overlay"></div>
        </div>
        <!--/.wrapper-->
    </div>
    <!--Global script(used by all pages)-->
    <script src="assets/plugins/jQuery/jquery-3.4.1.min.js"></script>
    <script src="assets/dist/js/popper.min.js"></script>
    <script src="bootstrap/4.2.1/js/bootstrap.min.js"></script>
    <script src="assets/plugins/metisMenu/metisMenu.min.js"></script>
    <script src="assets/plugins/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
    <!-- Third Party Scripts(used by this page)-->
    <script src="assets/plugins/chartJs/Chart.min.js"></script>
    <script src="assets/plugins/sparkline/sparkline.min.js"></script>
    <script src="assets/plugins/datatables/dataTables.min.js"></script>
    <script src="assets/plugins/datatables/dataTables.bootstrap4.min.js"></script>
    <script src="js/paho.mqtt/paho-mqtt.js"></script>
    <!--Page Active Scripts(used by this page)-->
    <!-- <script src="assets/dist/js/pages/dashboard.js"></script> -->
    <script src="js/page/index.js"></script>
    <script src="js/viewmodel/server_watcher.js"></script>
    <script src="js/viewmodel/gateway_config.js"></script>
    <script src="js/viewmodel/gateway_watcher.js"></script>
    <script src="js/viewmodel/server_config.js"></script>
    <script src="js/viewmodel/server_log.js"></script>
    <script src="js/viewmodel/software_version.js"></script>
    <script src="js/viewmodel/login.js"></script>
    <script src="js/viewmodel/user_manager.js"></script>
    <script src="js/viewmodel/db_clean.js"></script>
    <!--Page Scripts(used by all page)-->
    <script src="assets/dist/js/sidebar.js"></script>

    
    <!-- Third Party Scripts(used by this page)-->
    <script src="assets/plugins/select2/dist/js/select2.min.js"></script>
    <script src="assets/plugins/jquery.sumoselect/jquery.sumoselect.min.js"></script>
    <script src="assets/plugins/dropzone/dist/min/dropzone.min.js"></script>
    <!-- <script src="assets/plugins/icheck/icheck.min.js"></script> -->
    <!--<script src="assets/plugins/bootstrap4-toggle/js/bootstrap4-toggle.min.js"></script>-->
    <!--Page Active Scripts(used by this page)-->
    <script src="assets/dist/js/pages/demo.select2.js"></script>
    <script src="assets/plugins/dropzone/dropzone.active.js"></script>
    <script src="js/lib/md5.min.js"></script>
</body>

</html>